<link rel="stylesheet" href="%%GLOBAL_TPL_PATH%%/Styles/nivoSlider/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="%%GLOBAL_TPL_PATH%%/Styles/nivoSlider/nivo-slider.css" type="text/css" media="screen" />
<script type="text/javascript" src="%%GLOBAL_ShopPathNormal%%/javascript/nivoSlider/jquery.nivo.slider.js"></script>

<div class="floatLeft" style="width: 734px; height: 380px;">
	<div id="wrapper" class="wrapper" style="display: none;">
		<div class="slider-wrapper theme-default">
			<div class="ribbon"> </div>
			<div id="slider-shadow">
				<div class="width-adjustment">
					<div id="slider" class="nivoSlider">
						<img src="%%GLOBAL_IMG_PATH%%/nivoSlider/banner/banner1.png" border="0" alt="" /> 
						<img src="%%GLOBAL_IMG_PATH%%/nivoSlider/banner/banner2.png" border="0" alt="" /> 
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="floatLeft">
	<img src="%%GLOBAL_IMG_PATH%%/../img/layout/propaganda/banner_promocao_home1.png" border="0" alt="" style="margin-top: 5px;" /> <br \>
	<img src="%%GLOBAL_IMG_PATH%%/../img/layout/propaganda/banner_promocao_home2.png" border="0" alt="" />
</div>

<div class="clearLeft bannersPropagandaHome">
	<div class="floatLeft">
		<img src="%%GLOBAL_IMG_PATH%%/../img/layout/propaganda/banner_promocao_home3.png" border="0" alt="" />
	</div>
	<div class="floatLeft">
		<img src="%%GLOBAL_IMG_PATH%%/../img/layout/propaganda/banner_promocao_home4.png" border="0" alt="" />
	</div>
	<div class="floatLeft">
		<img src="%%GLOBAL_IMG_PATH%%/../img/layout/propaganda/banner_promocao_home5.png" border="0" alt="" />
	</div>
</div>

<script>
	$(window).load(function() {
		$('#wrapper').fadeIn(1000, function(){
			$('#slider').nivoSlider();
		});
	});
</script>